<script setup lang="ts">
import { reactive } from 'vue'
import { useTestStore } from '@stores/TestStore'
import { storeToRefs } from 'pinia'

const versions = reactive({ ...window.electron.process.versions })
const testStore = useTestStore()
const { count } = storeToRefs(testStore)
</script>

<template>
  <div>version组件内部:{{ count }}</div>
  <ul class="versions">
    <li class="electron-version">Electron v{{ versions.electron }}</li>
    <li class="chrome-version">Chromium v{{ versions.chrome }}</li>
    <li class="node-version">Node v{{ versions.node }}</li>
  </ul>
</template>
